/* 头部下拉列表 */
/* 鼠标经过中间部分导航栏common-menu的时候,最外面的盒子common-first的高度会变成408px以及li(menu-items)的高度也会变成408px
,同时背景颜色会变成白色;当鼠标依次经过common-menu中的每个li的时候,与其对应的下拉列表menu-list会一一显示出来;
;同时logo的背景图片换成蓝色;同时导航栏的字体颜色变成黑色;
*/
$(function(){
    /* 鼠标经过ul显示 */
    $(".common-menu .menu-items").hover(function(){
        // alert(123)//测试
        $(this).children("ul").stop().slideToggle(300,"linear"); 
        
    })
    /* 鼠标经过高度变化 */
    $(".common-menu").hover(function(){
        $(this).children("li").stop().animate({height:408},200,"linear");
        $(this).parents(".common-first").css("backgroundColor","white");
        $(this).parents(".common-first").stop().animate({height:408},200,"linear");
  
    },function(){
        $(this).children("li").stop().animate({height:72},200,"linear");
        $(this).parents(".common-first").stop().animate({height:72},200,"linear");
    })


})

